<template>
  <div style="padding: 10px 15px;" class="overflowY">
    <div>
      <el-button type="text" icon="el-icon-circle-plus-outline">新增</el-button>
      <el-button type="text" icon="el-icon-delete">删除</el-button>
      <el-button type="text" icon="el-icon-printer">打印</el-button>
      <el-button type="text" icon="el-icon-setting">协同按钮</el-button>
      <el-button type="text" icon="iconfont icon-gongzuoliuchengtu">流程图</el-button>
      <el-button type="text" icon="iconfont icon-dingwei">定位</el-button>
      <el-button type="text" icon="iconfont icon-daoru">导入</el-button>
      <el-button type="text" icon="iconfont icon-jiantou"></el-button>
      <el-button type="text" icon="iconfont icon-jiantouxia"></el-button>
      <el-button type="text" icon="iconfont icon-chexiao">撤销审批</el-button>
      <el-button type="text" icon="iconfont icon-tijiaowendang">提交审批</el-button>
      <el-button type="text" icon="iconfont icon-save">保存</el-button>
      <el-button type="text" icon="iconfont icon-shengpi">审批</el-button>
    </div>
    <base-card title="HTML">
      <pre><code>&lt;div&gt;<br>    &lt;el-button type="text" icon="el-icon-circle-plus-outline"&gt;新增&lt;/el-button&gt;<br>    &lt;el-button type="text" icon="el-icon-delete"&gt;删除&lt;/el-button&gt;<br>    &lt;el-button type="text" icon="el-icon-printer"&gt;打印&lt;/el-button&gt;<br>    &lt;el-button type="text" icon="el-icon-setting"&gt;协同按钮&lt;/el-button&gt;<br>    &lt;el-button type="text" icon="iconfont icon-gongzuoliuchengtu"&gt;流程图&lt;/el-button&gt;<br>    &lt;el-button type="text" icon="iconfont icon-dingwei"&gt;定位&lt;/el-button&gt;<br>    &lt;el-button type="text" icon="iconfont icon-daoru"&gt;导入&lt;/el-button&gt;<br>    &lt;el-button type="text" icon="iconfont icon-jiantou"&gt;&lt;/el-button&gt;<br>    &lt;el-button type="text" icon="iconfont icon-jiantouxia"&gt;&lt;/el-button&gt;<br>    &lt;el-button type="text" icon="iconfont icon-chexiao"&gt;撤销审批&lt;/el-button&gt;<br>    &lt;el-button type="text" icon="iconfont icon-tijiaowendang"&gt;提交审批&lt;/el-button&gt;<br>    &lt;el-button type="text" icon="iconfont icon-save"&gt;保存&lt;/el-button&gt;<br>    &lt;el-button type="text" icon="iconfont icon-shengpi"&gt;审批&lt;/el-button&gt;<br>  &lt;/div&gt;</code></pre>
    </base-card>
    <base-card title="CSS">
      <pre><code>&lt;style scoped&gt;<br>  .el-button--text{<br>    color:#333333FF!important;<br>}<br>  .el-button--text:hover{<br>    color: #0d8aee!important;<br>  }<br>  .el-button--text &gt;&gt;&gt; i{<br>    font-size: 18px;<br>    display: inline-block;<br>    vertical-align: middle;<br>  }<br>  .el-button--text &gt;&gt;&gt; span{<br>    font-size: 14px;<br>    display: inline-block;<br>    vertical-align: middle;<br>  }<br>  .el-button--text &gt;&gt;&gt; .icon-save{<br>    font-size: 16px;<br>  }<br>&lt;/style&gt;</code></pre>
    </base-card>
  </div>
</template>

<script>
  import BaseCard from '@/components/BaseCard/BaseCard'
  export default {
    name: 'index',
    components: {
      BaseCard
    }
  }
</script>

<style scoped>
  .el-button--text{
    color:#333333FF!important;

  }
  .el-button--text:hover{
    color: #0d8aee!important;
  }
  .el-button--text >>> i{
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
  }
  .el-button--text >>> span{
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
  }
  .el-button--text >>> .icon-save{
    font-size: 16px;
  }
</style>
